{
	template:`
	<a-page-header title="服务类型"  >
		<template #extra>
			<a-button type="primary" @click="save">保存</a-button>
			<m-back @click="back(false);">关闭</m-back>
		</template>
		<a-card :hoverable="true" :bodyStyle="{padding:'20px 20px 0'}">
			<a-form class="index-form" :wrapper-col="{span:24}">
				<a-row :gutter="10">
					<a-col :span="24">
						<a-form-item label="类型名称" class="index-form-item">
							<a-input v-model:value="model.name" placeholder="请输入会员名称" />
						</a-form-item>
					</a-col>
					<a-col v-if="model.name" :span="24">
						<a-form-item label="颜色" class="index-form-item">
                            <a-tag v-for="item in dictOptions('color')" class="margin-top-xs" :color="model.color==item.value?item.value:item.label" @click="model.color=item.value">{{model.name}}</a-tag>
						</a-form-item>
					</a-col>
					<a-col :span="24">
						<a-form-item label="备注" class="index-form-item">
							<a-textarea v-model:value="model.remark" placeholder="请输入备注" auto-size/>
						</a-form-item>
					</a-col>
				</a-row>
			</a-form>
		</a-card>
	</a-page-header>
	`,
	props: ['localeZh','param','parentVue'],
	data:function(){
		return {
			model:{}
		};
	},
	mounted(){
	    this.model=this.param.model;
	},
	methods:{
		save:function(){
			this.requestData('action/member/manage/serveType/doSave',
				{model:this.model},
				data=>{
					if(!data.code){
						this.$message.success(data.msg);
						this.back(true);
					}else{
						this.$message.error(data.msg);
					}
				}
			);
		},
	}
}